<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 一.keep-alive是什么?
      // keep-alive是vue中的内置组件,当包裹动态组件时会缓存不活动的组件,而不是销毁它们,它是一个抽象组件,它自身不会渲染DOM元素,它也不会出现在父组件中

      // 二.keep-alive的作用是什么?
      // 在切换组件的过程中,会把切换出去的组件保存在内存中,防止重复渲染DOM,减少加载时间和性能消耗,提升用户体验性

      // 三.keep-alive的原理是什么
      // 在created钩子函数调点保存在this.cache(缓存对象)中,通过VNode的name来判断是否符合缓存条件(include(包含)和exclude来控制(排除)),符合缓存条件的会从this.cache中取出来进行VNode实例渲染
 
      // 四.keep-alive的参数
      // 符合include的会被缓存,符合exclude都不缓存,max是缓存的最大条数用时会将需要缓存的VNode节

      // 五.keep-alive的两个生命周期函数
      // activated在组件被渲染的时候会被触发
      // deactivated是组件被停用的时候会被触发

      // 六.keep-alive一般在哪里使用?
      // 使用有两个场景，一个是动态组件，一个是router-view

    </script>
  </body>
</html>
  